/* CSS Document */

/******************** 基本样式 ********************/

body{ margin:0; padding:0; font-family:"微软雅黑";}
div,input,p,dl,dd,dt,ul,li,h1,h2,h3,h4,h5{ margin:0; padding:0;}
ul{ list-style-type:none;}
img{ border:none; display:block;}

a{ text-decoration:none;}
a:hover{ text-decoration:none;}
 
html{ background: #f2f3f7; }


/******************** 头部 ********************/

.header{ width: 100%; height: 210px; float: left; }

.header-to{ width: 100%; height: 150px; background: #167ed2; float: left; }
.header-top{ width: 1200px; height: 150px; margin: 0px auto; }

/* 导航 */
.header-top-nav{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; float: left; }
.header-top-nav h1{ width: 50%; height: 40px; float: left; font-size: 14px; font-weight: normal; }
.header-top-nav span{ width: 50%; height: 40px; float: left; font-size: 14px; text-align: right; }
.header-top-nav span a{ color: #fff; }
.header-top-nav span a:hover{ color: #fdd92a; }
.header-top-nav span strong{ font-weight: normal; font-size: 12px; padding: 0px 12px; }

/* 搜索 */
.header-top-search{ width: 100%; height: 100px; float: left; }
.header-top-search h1{ width: 200px; height: 100px; float: left; }
.header-top-search h1 img{ width: 180px; height: 36px; float: left; padding: 32px 0px; }
.header-top-search span{ width: 600px; height: 56px; float: left; margin: 22px 0px 0px 100px; background: #fff; border-radius: 40px; overflow: hidden; }
.header-top-search span input{ width: 500px; height: 56px; float: left; border: none; outline: none; text-indent: 25px; font-size: 15px; }
.header-top-search button{ width: 100px; height: 56px; border: none; background: #fdd92a; color: #fff; float: left; }
.header-top-search button img{ width: 20px; height: 20px; padding: 17px 30px; float: left; }
.header-top-search button:hover{ background: #edc500; cursor: pointer; }

.header-top-search p{ width: 180px; height: 50px; line-height: 50px; font-size: 14px; color: #fff; text-align: center; float: right; background: rgba(0, 0, 0, .1); border-radius: 6px; margin: 25px; overflow: hidden; }
.header-top-search p img{ width: 20px; height: 20px; float: left; margin: 15px 15px 15px 20px; }
.header-top-search p a{ display: block; color: #fff; width: 180px; height: 50px; padding-right: 20px; box-sizing: border-box; }
.header-top-search p a:hover{ background: rgba(0, 0, 0, .15); cursor: pointer; }

/* 菜单 */
.header-men{ width: 100%; height: 59px; background: #167ed2; border-top: 1px #2e8bd7 solid; float: left; }
.header-menu{ width: 1200px; height: 59px; margin: 0px auto; }
.header-menu ul{ width: 900px; height: 59px; float: left; }
.header-menu ul li{ width: auto; height: 59px; line-height: 59px; float: left; position: relative; }
.header-menu ul li a{ display: block; color: #fff; margin-right: 40px; font-size: 16px; }
.header-menu ul li a:hover{ color: #fdd92a; }
.header-menu ul li a.hover{ background: url("../images/header_04.png") no-repeat center bottom; background-size: 16px 8px; }
.header-menu ul li strong{ position: absolute; left: 0px; top: -15px; z-index: 10; }
.header-menu ul li strong img{ width: 46px; height: 29px; }
.header-menu p{ width: 300px; height: 59px; line-height: 59px; text-align: right; font-size: 16px; color: #fdd92a; float: left; }
.header-menu p strong{ font-size: 20px; color: #fdd92a; }


/******************** 版权 ********************/

.copyright{ width: 100%; height: 370px; float: left; background: #2e353b; }

/* 头部 */
.copyright-to{ width: 100%; height: 250px; float: left; padding: 50px 0px 0px 0px; }
.copyright-top{ width: 1200px; margin: 0px auto; }
.copyright-top-le{ width: 300px; float: left; }
.copyright-top-le dl{ width: 300px; height: 48px; float: left; margin-bottom: 25px; }
.copyright-top-le dl dt{ width: 48px; height: 48px; float: left; margin-right: 10px; }
.copyright-top-le dl dt img{ width: 48px; height: 48px; float: left; }
.copyright-top-le dl dd{ width: 242px; height: 48px; line-height: 24px; float: left; color: #abafb2; font-size: 15px; overflow: hidden; }
.copyright-top-le dl dd strong{ line-height: 48px; font-size: 18px; font-weight: normal; }

.copyright-top-ce{ width: 600px; float: left; margin-left: 120px; }
.copyright-top-ce dl{ width: 200px; float: left; }
.copyright-top-ce dl dt{ font-size: 20px; color: #fff; font-weight: bold; margin: -5px 0px 5px 0px; }
.copyright-top-ce dl dd img{ width: 12px; height: 12px; float: left; margin: 8px 10px 10px 0px; }
.copyright-top-ce dl dd a{ color: #abafb1; font-size: 15px; }
.copyright-top-ce dl dd a:hover{ color: #f6dc5c; }
.copyright-top-ce dl dt,dd{ width: 100%; height: 34px; line-height: 34px; float: left; }

.copyright-top-ri{ width: 150px; float: right; }
.copyright-top-ri h1{ width: 150px; height: 150px; float: left; background: #fff; border-radius: 10px; overflow: hidden; }
.copyright-top-ri h1 img{ width: 140px; height: 140px; padding: 5px; }
.copyright-top-ri p{ width: 150px; height: 30px; line-height: 30px; float: left; text-align: center; color: #fff; margin-top: 10px; font-size: 16px; }

/* 底部 */
.copyright-bo{ width: 100%; height: 69px; line-height: 69px; float: left; border-top: #434a4f solid 1px; color: #abafb2; text-align: center; font-size: 15px; }


/******************** 返回头部 ********************/

/*返回头部*/
.clearfix:after{content:'.';display:block; height:0; clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix .clear{_height:0px;}
/*gotop*/
.cbbfixed { position: fixed; right: 30px; transition: bottom ease .3s; bottom: -120px; bottom: 30px; z-index: 3; cursor:pointer;}
.cbbfixed .cbbtn { width: 50px; height: 50px; display: block; background-color: #167ed2;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{ float:left; margin:17px 0px 0px 17px; width:16px; height:16px; background: url(../images/return_02.png); background-size: 16px 16px; }
.cbbfixed .gotop:hover { background-color:#106db8;}
.cbbfixed .cweixin { background: #dadbdd;}
.cbbfixed .cweixin div { background: url(../images/return_03.png); width: 194px; height: 199px; position: absolute; left: -194px; top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{ float: left; margin:15px 0px 0px 15px; width:20px; height: 20px; background: url(../images/return_01.png); background-size: 20px 20px;}


/******************** 404 ********************/

#error_nr{ width: 100%; float: left; }
.error_nr{ width: 1200px; margin: 0px auto; }
.error_nr_t{ width: 100%; height:600px; float: left; background: #fff; margin: 30px 0px 0px;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.error_nr_t dl{ width: 100%; height: 250px; float: left; margin: 120px 0px 0px 0px;}
.error_nr_t dl dt{ width: 100%; float: left;}
.error_nr_t dl dt img{ width: 450px; margin: 0px auto; }
.error_nr_t dl dd{ width: 100%; height: 30px; line-height: 30px; font-size: 20px; text-align: center; color: #999; float: left; padding-top: 25px;}
.error_nr_t ul{ width: 500px; height: 100px; float: left; margin: 50px 0px 0px 390px;}
.error_nr_t ul li{ width: 180px; height: 60px; line-height: 60px; float: left; background: #f5f5f5; margin-right: 30px;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.error_nr_t ul li img{ width: 22px; height: 22px; float: left; padding: 19px 14px 14px 28px; }
.error_nr_t ul li a{ display: block; color: #999; font-size: 18px;}
.error_nr_t ul li a:hover{ background: #ebebeb;}
